$(function(){
    $('.login-form .login-table a').click(function(e){
        $('.login-form .login-table').removeClass('active');
        $(e.target).parent().addClass('avtive');
        var ac=$('.login-box .ac')
        $('.login-box .ac').siblings().addClass('ac');
        ac.removeClass('ac');
    })

    $('button[type="button"]').click(function(){
        if($('[name="username"]').val() === ''){
            layer.msg('用户名不能为空',{
                icon:2,
                time:1500
            })
            return false;
        }
        if($('[name="password"]').val() === ''){
            layer.msg('密码不能为空',{
                icon:2,
                time:1500
            })
            return false;
        }
        // 当用户名密码都不为空的时候发送ajax请求
        // 在发送请求前要先将提交按钮禁用掉
        $(this).prop('disabled',true);
        var loadindex = layer.load(1,{
            shade:[0.1,"red"]
        })
        // 发送ajax请求
        $.ajax({
            url:"../php/login.php",
            method:"post",
            dataType:"json",
            data:$('form').serialize(),
            // 当有数据产生的时候
            success:res=>{
                //解构数据
                var {meta:{status,msg}}=res;
                // 接触提交按钮的禁用
                $(this).prop('disabled',false);
                // 关闭loading层
                layer.close(loadindex);
                // 如果status返回1，则说明该用户存在并且密码正确，将该用户存到Cookie中
                if(status==1){
                    setCookie('username',$('[name="username"]').val(),7200);
                    layer.msg(msg,{
                        icon:1,
                        time:1500,
                    },function(){
                        // 登陆成功后，如果不是从别的页面跳转到登陆页面的，则跳转到首页，否则跳转会之前的界面
                        var url = localStorage.getItem('url')
                            if(url){
                                localStorage.removeItem('url')
                                location.href = url
                            }
                            else location.href = "index.html"
                    })
                }else{
                // 如果登陆不成功
                layer.msg(msg,{
                    icon:2,
                    time:1500,
                },function(){
                })
            }

            }
        })
    })

})
